Adwaita: tone down the 'devel' styling

The selected bg was too prominent and intefered with button styling.

diff --git a/gtk/theme/Adwaita/_common.scss b/gtk/theme/Adwaita/_common.scss
index fe14e285c0d56ac465fe705a8744d5ad2df1d7bf..5fd176598b11c44533f232cc75d157a3dea58a08 100644 (file)
--- a/gtk/theme/Adwaita/_common.scss
+++ b/gtk/theme/Adwaita/_common.scss
@@ -1723,9 +1723,9 @@ headerbar { // headerbar border rounding
 // Development versions of apps to use a differently styled headerbar
 
 window.devel {    
-  headerbar { // FIXME: avoid using hardcoded colors
-    background: transparent -gtk-icontheme("system-run-symbolic") 80% 0/128px 128px no-repeat, 
-                linear-gradient(to left, mix($selected_bg_color, $bg_color, 50%) 8%, $bg_color 25%);
+  headerbar {
+    background: transparent -gtk-icontheme("system-run-symbolic") 90% 0/256px 256px no-repeat,
+                linear-gradient(to left, mix($selected_bg_color, $bg_color, 10%) 8%, $bg_color 25%);
     color: transparentize($fg_color,.9);
     
     label { color: $fg_color; }

diff --git a/gtk/theme/Adwaita/gtk-contained-dark.css b/gtk/theme/Adwaita/gtk-contained-dark.css
index 66293c066cc29de50c7621bd99b022566e2d3a26..4b362f5505a7b85eb68bfc28cc049d549262cd4b 100644 (file)
--- a/gtk/theme/Adwaita/gtk-contained-dark.css
+++ b/gtk/theme/Adwaita/gtk-contained-dark.css
@@ -694,7 +694,7 @@ window.csd > .titlebar:not(headerbar) { padding: 0; background-color: transparen
 
 .titlebar:not(headerbar) > separator { background-color: #1b1f20; }
 
-window.devel headerbar { background: transparent -gtk-icontheme("system-run-symbolic") 80% 0/128px 128px no-repeat, linear-gradient(to left, #2a4b6c 8%, #33393b 25%); color: rgba(238, 238, 236, 0.1); }
+window.devel headerbar { background: transparent -gtk-icontheme("system-run-symbolic") 90% 0/256px 256px no-repeat, linear-gradient(to left, #313d45 8%, #33393b 25%); color: rgba(238, 238, 236, 0.1); }
 
 window.devel headerbar label { color: #eeeeec; }
 
@@ -1616,7 +1616,7 @@ expander title > arrow:disabled { color: #919494; }
 
 expander title > arrow:disabled:backdrop { color: #566164; }
 
-expander title > arrow:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+expander title > arrow:checked, expander title:checked > arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
 
 expander title:hover > arrow { color: white; }
 

diff --git a/gtk/theme/Adwaita/gtk-contained.css b/gtk/theme/Adwaita/gtk-contained.css
index 9fddf7525f5619b7a2582050ef14610cccc46689..67aef82932846f61ac7347c4dec2fb899b62dd92 100644 (file)
--- a/gtk/theme/Adwaita/gtk-contained.css
+++ b/gtk/theme/Adwaita/gtk-contained.css
@@ -702,7 +702,7 @@ window.csd > .titlebar:not(headerbar) { padding: 0; background-color: transparen
 
 .titlebar:not(headerbar) > separator { background-color: #b6b6b3; }
 
-window.devel headerbar { background: transparent -gtk-icontheme("system-run-symbolic") 80% 0/128px 128px no-repeat, linear-gradient(to left, #99bce0 8%, #e8e8e7 25%); color: rgba(46, 52, 54, 0.1); }
+window.devel headerbar { background: transparent -gtk-icontheme("system-run-symbolic") 90% 0/256px 256px no-repeat, linear-gradient(to left, #d8dfe6 8%, #e8e8e7 25%); color: rgba(46, 52, 54, 0.1); }
 
 window.devel headerbar label { color: #2e3436; }
 
@@ -1636,7 +1636,7 @@ expander title > arrow:disabled { color: #8b8e8f; }
 
 expander title > arrow:disabled:backdrop { color: #c3c3c0; }
 
-expander title > arrow:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+expander title > arrow:checked, expander title:checked > arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
 
 expander title:hover > arrow { color: #748489; }